$(function () {
    // 1-渲染左侧一级导航
    $.ajax({
        url: '/category/queryTopCategory',
        dataType: 'json',
        success: function (info) {
            console.log(info);
            $('.category1').html(template('tmp-cate-first', info));
            //一进页面,渲染第一个一级导航对应的二级导航
            renderCate(info.rows[0].id);
            //默认让第一个添加current类
            $('.cate-nav-first li:nth-child(1)').find('a').addClass('current');
        }
    });

   

    // -3点击一级导航渲染对应的二级导航 
    //思路: 1.给一级导航注册点击委托事件,让当前的li标签添加current类,其他删除current类
    $('.cate-nav-first').on('click', 'a', function () {
        console.log(this);
        //让当前的li标签添加current类,其他删除current类
        $(this).addClass('current').parent().siblings().find('a').removeClass('current');
        //  2.获取当前点击的data-id属性值,并发送ajax请求,渲染对应的二级导航
        //获取id
        var id = $(this).parent().data('id');
        renderCate(id);


    })
   
    
     // 2-封装函数: 渲染一级导航对应的二级导航
    function renderCate(id) {
        $.ajax({
            url: '/category/querySecondCategory',
            data: {
                id: id
            },
            dataType: 'json',
            success: function (info) {
                console.log(info);
                $('.category2').html(template('tmp-cate-second', info));
            }
        });
    }
})
